$(function () {
    layui.use(['flow', 'form', 'layedit', 'util'], function () {
        var layer = layui.layer, flow = layui.flow, util = layui.util
        //执行
        util.fixbar({
            click: function (type) {}
        });
        // 类目
        categoryList()
        // 流加载笔记列表
        courseList(flow)
        // 笔记条件查询
        $('.option-text-items').on('click', '.item-text', function () {
            $('#courseList').empty() // 先清空之前的数据再查询
            categoryId = $(this).attr('data-category-id')
            courseList(flow)
        })
    })
    $('.option-text-items').on('click', 'span', function () {
        $(this).siblings().removeClass('item-click') // 删除所有兄弟节点
        $(this).addClass('item-click')
    })
})


/**
 * 加载类目列表
 */
function categoryList() {
    $.ajax({
        url: '/category/queryList',
        type: "POST",
        dataType: 'json',
        success: function (res) {
            layui.each(res.data, function (index, item) {
                let div = '<span class="item-text" data-category-id="' + item.id + '" data-label="category_id">' + item.categoryName + '</span>'
                $('.option-text-items').append(div)
            });
        }
    });
}

/**
 * 流加载所有笔记
 * @param flow
 */
let categoryId = '0';

function courseList(flow) {
    // 信息流加载列表数据
    flow.load({
        elem: '#courseList', //指定列表容器
        isAuto: false,
        done: function (page, next) { //到达临界点（默认滚动触发），触发下一页
            let lis = [];
            let courseEntity = {pageNum: page, categoryId: categoryId}
            $.ajax({
                url: '/course/list',
                type: "post",
                dataType: 'json',  // 返回数据的数据类型json
                data: {courseEntity: JSON.stringify(courseEntity)},  //传送的数据
                success: function (res) {
                    layui.each(res.data, function (index, item) {
                        let fileUrl = item.fileUrl
                        if (item.fileUrl === '' || fileUrl === null) {
                            fileUrl = 'images/cover1.png'
                        }
                        let html = '<div class="layui-col-sm20 item layui-anim layui-anim-up"' +
                            '                    <div class="grid-demo grid-demo-bg1">\n' +
                            '                        <a href="' + item.url + '" target="_blank"><div class="work-item">\n' +
                            '                            <div class="work-item-cover"><img src="' + fileUrl + '"/>\n' +
                            '                            </div>\n' +
                            '                            <div class="work-title" title="' + item.courseTitle + '"><span>' + item.courseTitle + '</span></div>\n' +
                            '                            <div class="work-student"><span class="course">' + item.categoryName + '</span>' +
                            '                            <span class="person-num"><i class="layui-icon layui-icon-user" style="font-size: 13px;"></i>1000人学习</span></div>\n' +
                            '                        </div></a>\n' +
                            '                    </div>\n' +
                            '                </div>';
                        lis.push(html);
                    });
                    next(lis.join(''), page <= res.data.length);
                    // 记录数
                    $('.course-list .right-bar__text').html('共 <strong>' + res.count + '</strong> 个课程');
                }
            });
        }
    });
}

